<template>
                <div>
                       <el-menu
                            class="el-menu-vertical-demo"
                            style="width:250px;text-align:left;"
                            background-color="#545c64"
                            text-color="#fff"
                            active-text-color="#ffd04b"
                            :default-active="this.$route.path"
                            router
                            
                           
                         >

                              <el-menu-item  v-for="route in routeList" 
                                 :index="route.url.toString()"
                                 :key="route.quanXianId"
                                >
                                <i class="el-icon-menu"></i>
                                <span slot="title">{{route.quanXianName}}</span>
                            </el-menu-item>

                            
                            
                            </el-menu>
                </div>
   
</template>

<script>
export default {
    name:'left',
    data() {
        return {
            //权限集合对象
            routeList:this.$store.state.userList1,
           
           
        }
    },
    
    

    
}
</script>

<style scoped>

.el-aside {
    background-color: #545c64;
    color: #333;
   
    height: 874px;
    

  }

  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
    
  }
</style>